@charset "UTF-8";
/*  @Author: mowencong */
#baiyang { width: 100%; min-width: 1230px; }

#baiyang #top { width: 100%; background: #FAFAFA; }

#baiyang #top .top_l { height: 30px; }

#baiyang #top .top_l .wel { height: 30px; line-height: 30px; font-size: 14px; }

#baiyang #top .top_l .wel a { color: #000; padding: 0 2px; }

#baiyang #top .top_r { height: 30px; }

#baiyang #top .top_r .top_r_list { height: 30px; }

#baiyang #top .top_r .top_r_list li { z-index: 999; }

#baiyang #top .top_r .top_r_list .list0 { position: relative; float: left; margin-left: 18px; font-size: 14px; line-height: 30px; color: #777777; }

#baiyang #top .top_r .top_r_list .list0 .font { display: inline-block; margin-left: 5px; color: #777777; font-weight: normal; }

#baiyang #top .top_r .top_r_list .list0 .li-list { z-index: 999; position: position; }

#baiyang #top .top_r .top_r_list .list0 .li-list dl { display: none; }

#baiyang #top .top_r .top_r_list .list0 .li-list dl dt { height: 30px; line-height: 30px; text-align: center; cursor: pointer; z-index: 999; }

#baiyang #top .top_r .top_r_list .list0 .li-list dl dt:hover { background: #FAFAFA; }

#baiyang #top .top_r .top_r_list .list0 .li-list dl a { color: #777; text-decoration: none; }

#baiyang #top .top_r .top_r_list .list0:hover { box-shadow: 0 0 1px 0; background: #fff; }

#baiyang #top .top_r .top_r_list .list0:hover dl { display: block; }

#baiyang #top .top_r .top_r_list .list0:hover .font { transform: rotate(180deg); transition-duration: 1s; }

#baiyang #header { width: 100%; }

#baiyang #header .header-l h1 { width: 220px; height: 60px; background: url(../img/logo.png) no-repeat; text-indent: -10000px; margin: 38px 0; }

#baiyang #header .header-c { margin: 48px 0; margin-left: 50px; }

#baiyang #header .header-c .search-l { width: 70px; height: 40px; text-align: center; border-radius: 0; }

#baiyang #header .header-c .search-l:hover .menu { display: block; }

#baiyang #header .header-c .menu { margin: 0; min-width: 70px; text-align: center; border-radius: 0; }

#baiyang #header .header-c .menu .menu li { height: 50px; line-height: 50px; }

#baiyang #header .header-c .search-c { width: 425px; border: 1px solid #ccc; height: 40px; border-radius: 0; }

#baiyang #header .header-c .search-r { width: 60px; height: 40px; background: #EF3C79; color: #fff; font-size: 14px; text-align: center; line-height: 40px; }

#baiyang #header .header-c .header-list { margin-top: 8px; }

#baiyang #header .header-c .header-list li { float: left; }

#baiyang #header .header-c .header-list li a { font-size: 14px; margin-right: 12px; color: #777; text-decoration: none; }

#baiyang #header .header-r { margin: 48px 0; }

#baiyang #header .header-r div { width: 130px; height: 40px; line-height: 40px; text-align: center; background: #FAFAFA; box-shadow: 0 0 1px 0; z-index: -9999; }

#baiyang #header .header-r .shop { position: relative; margin-right: 10px; z-index: 3; }

#baiyang #header .header-r .shop:hover .shop-list { display: block; border: none; }

#baiyang #header .header-r .shop:hover { background: #fff; }

#baiyang #header .header-r .shop:hover .up { transform: rotate(180deg); transition-duration: 1s; }

#baiyang #header .header-r .shop .shop-list { position: absolute; width: 350px; height: 235px; right: 0; background: #fff; display: none; }

#baiyang #header .header-r .shop .shop-list .dl0 { background: #fff; font-size: 14px; background: #ccc; }

#baiyang #header .header-r .shop .shop-list .dl0 .dt1 { height: 50px; line-height: 50px; background: #fff; border-bottom: 1px solid #ccc; text-align: right; }

#baiyang #header .header-r .shop .shop-list .dl0 .dt1 a { color: #f00; }

#baiyang #header .header-r .shop .shop-list .dl0 .dt1 i { color: #f00; }

#baiyang #header .header-r .shop .shop-list .dl0 .dl1 { width: 175px; border-right: 1px solid #ccc; }

#baiyang #header .header-r .shop .shop-list .dl0 .dl1 dd { height: 30px; line-height: 30px; text-align: left; margin-left: 10px; }

#baiyang #header .header-r .shop .shop-list .dl0 .dl1 dd a { color: #f00; text-decoration: none; }

#baiyang #header .header-r .shop .shop-list .dl0 .dl2 dd { height: 30px; line-height: 30px; }

#baiyang #header .header-r .shop .shop-list .dl0 .dl2 dd a { color: #f00; text-decoration: none; }

#baiyang #header .header-r .shop .shop-list .dl0 .dl2 dd i { color: #f00; }

#baiyang #header .header-r .shop .shop-list .dl0 .dt2 { margin: 0 10px; border-top: 1px solid #ccc; line-height: 40px; }

#baiyang #header .header-r .shop .shop-list .dl0 .dt2 a { margin-left: 145px; color: #f00; text-decoration: none; }

#baiyang #header .header-r .shop .shop-list .ts { position: absolute; width: 100%; height: 30px; margin-top: 130px; text-align: center; line-height: 30px; }

#baiyang #header .header-r .cart { position: relative; z-index: 3; }

#baiyang #header .header-r .cart .cart-list { position: absolute; width: 345px; right: -1px; border: 1px solid #ccc; background: #fff; display: none; }

#baiyang #header .header-r .cart .cart-list li { height: 50px; line-height: 50px; text-align: left; }

#baiyang #header .header-r .cart .cart-list li:nth-child(1) { border-bottom: 1px solid #ccc; padding-left: 10px; }

#baiyang #header .header-r .cart .cart-list li:nth-child(3) { background: #ccc; text-align: right; padding-right: 10px; }

#baiyang #header .header-r .cart .cart-list .js { background: #EF3C79; }

#baiyang #header .header-r .cart:hover { border-bottom: none; background: #fff; }

#baiyang #header .header-r .cart:hover .cart-list { display: block; }

#baiyang #header .header-r .cart:hover .up { transform: rotate(180deg); transition-duration: 1s; }

#baiyang #header .header-r i { color: #ccc; margin-right: 10px; }

#baiyang #header .header-r .up { margin-left: 5px; }

#baiyang #nav { width: 100%; }

#baiyang #nav .nav-list { width: 720px; height: 38px; }

#baiyang #nav .nav-list .all { position: relative; width: 210px; height: 38px; line-height: 38px; background: #EF3C79; color: #fff; font-size: 14px; }

#baiyang #nav .nav-list .all i { margin: 0 10px; }

#baiyang #nav .nav-list .all .sanji { position: absolute; z-index: 999; background: #F6F7F2; display: none; }

#baiyang #nav .nav-list .all .sanji .sanji0 { position: relative; }

#baiyang #nav .nav-list .all .sanji .sanji0 .sanji00 { display: block; color: #000; width: 210px; padding-left: 20px; }

#baiyang #nav .nav-list .all .sanji .sanji0:hover { background: #fff; }

#baiyang #nav .nav-list .all .sanji .sanji0:hover .sanji00 { padding-left: 30px; transition-duration: 1s; }

#baiyang #nav .nav-list .all .sanji .sanji01:hover .sanji1 { display: block; }

#baiyang #nav .nav-list .all .sanji1 { position: absolute; left: 210px; top: 0px; z-index: 999; width: 990px; height: 500px; background: #fff; display: none; }

#baiyang #nav .nav-list .all .sanji1 .sanji11 { margin-left: 30px; height: 50px; }

#baiyang #nav .nav-list .all .sanji1 .sanji11 li { float: left; background: #999; margin: 10px; }

#baiyang #nav .nav-list .all .sanji1 .sanji11 li a { display: block; height: 30px; line-height: 30px; text-align: center; width: 80px; color: #000; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 { height: 30px; margin: 10px; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 p { line-height: 20px; display: inline-block; margin-left: 80px; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 p a { color: #000; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 p span { color: #000; margin-left: 10px; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 .sanji3 { height: 30px; margin-left: 20px; display: inline-block; border-bottom: 1px solid #999; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 .sanji3 li { float: left; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 .sanji3 li a { display: block; height: 20px; line-height: 20px; text-align: center; width: 80px; color: #000; border-right: 1px solid #999; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 .sanji3 li .sanji111 { border-left: 1px solid #ccc; }

#baiyang #nav .nav-list .all .sanji1 .sanji2 .sanji3 li .sanji55 { border-right: none; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 { height: 50px; margin: 10px; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 p { line-height: 20px; display: inline-block; margin-left: 80px; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 p a { color: #000; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 p span { color: #000; margin-left: 10px; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 .sanji5 { display: inline-block; margin-left: 10px; height: 30px; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 .sanji5 li { float: left; }

#baiyang #nav .nav-list .all .sanji1 .sanji4 .sanji5 li a { display: block; height: 20px; line-height: 20px; text-align: center; width: 80px; color: #000; border-right: 1px solid #999; }

#baiyang #nav .nav-list .all:hover .sanji { display: block; }

#baiyang #nav .nav-list .navlist { margin-bottom: 0; }

#baiyang #nav .nav-list .navlist li { float: left; }

#baiyang #nav .nav-list .navlist li a { height: 38px; margin-right: 46px; line-height: 38px; color: #000; font-size: 16px; font-weight: bold; text-decoration: none; }

#baiyang #nav .nav-list .navlist li:hover a { color: #EF3C79; }

#baiyang #nav .nav-list .navlist .index { margin-left: 25px; }

#baiyang #nav .nav-list .navlist .last { margin-right: 0; }

#baiyang #nav .page1 { width: 100%; margin-top: 1px; border-bottom: 2px solid #EF3C79; }

#baiyang #main-nav { widows: 100%; height: 40px; }

#baiyang #main-nav ul { height: 40px; margin-bottom: 0; }

#baiyang #main-nav ul li { float: left; height: 40px; line-height: 40px; color: #999999; font-size: 14px; margin-right: 10px; }

#baiyang #main-nav ul li a { display: inline-block; width: 40px; height: 40px; text-decoration: none; text-align: center; line-height: 40px; }

#baiyang #main-nav ul li a i { margin-right: 20px; }

#baiyang #main-nav2 { width: 100%; }

#baiyang #main-nav2 .fs { height: 42px; font-size: 14px; background: #F7F7F7; border: 1px solid #D7D7D7; }

#baiyang #main-nav2 .fs .sort { display: inline-block; width: 75px; height: 40px; line-height: 40px; text-align: center; margin: 0; }

#baiyang #main-nav2 .fs .fs1 { font: 12px/37px "microsoft yahei"; color: #777; vertical-align: top; display: inline-block; padding: 0 0 0 10px; }

#baiyang #main-nav2 .fs .fs1 ul { font-size: 0; vertical-align: middle; display: inline-block; border-right: solid 1px #E6E6E6; }

#baiyang #main-nav2 .fs .fs1 ul li { font: 12px/20px "microsoft yahei"; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; border-left: solid 1px #E6E6E6; }

#baiyang #main-nav2 .fs .fs1 ul li a { display: inline-block; width: 60px; height: 40px; line-height: 40px; text-align: center; text-decoration: none; color: #999; border-right: 1px solid #d7d7dd; }

#baiyang #main-nav2 .fs .fs1 ul li a i { font-size: 12px; margin: 0 5px; }

#baiyang #main-nav2 .fs .fs1 ul li a:nth-child(1) { border-left: 1px solid #d7d7dd; }

#baiyang #main-nav2 .fs .fs1 ul li .fs1 li.selected, #baiyang #main-nav2 .fs .fs1 ul li .fs1 li:hover { background-color: #FFF; }

#baiyang #main-nav2 .fs .pt { width: 230px; vertical-align: top; display: inline-block; width: 350px; height: 37px; border-right: solid 1px #D7D7D7; position: relative; z-index: 19; }

#baiyang #main-nav2 .fs .pt ul { 
    font-size: 0; 
    word-spacing: -1em; 
    background-color: transparent; 
    display: block; 
    width: 350px; 
    height: 37px; 
    position: absolute; 
    z-index: 2; top: 0; 
    left: 0; 
    overflow: hidden; 
}

#baiyang #main-nav2 .fs .pt ul li { font: 12px/36px "microsoft yahei"; color: #777; vertical-align: middle; display: inline-block; margin-left: 5px; }

#baiyang #main-nav2 .fs .pt ul li a { font: 12px/20px "microsoft yahei"; color: #777; display: block; height: 35px; padding: 8px 8px 8px 4px; }

#baiyang #main-nav2 .fs .pt ul li a input { vertical-align: middle; display: inline-block; width: 12px; height: 12px; margin-right: 4px; }

#baiyang #main-nav2 .fs .input-group { display: inline-block; width: 125px; height: 40px; }

#baiyang #main-nav2 #main-list { width: 100%;}

#baiyang #main-nav2 #main-list .datalist { 

    font-size: 0; 
    word-spacing: -1em; 
    display: block;
     width: 1200px; 
        height: 2080px;
}

#baiyang #main-nav2 #main-list .datalist li { 
    position:relative;
    float:left;
    font-size: 12px; 
    vertical-align: middle; 
    letter-spacing: normal; 
    word-spacing: normal; 
    height: 375px; 
    margin:12px 5px;
    line-height: 18px;
    background-color: rgb(255, 255, 255);
    width: 230px;
    height: 370px;
    z-index: 11;
    box-shadow: rgba(153, 153, 153, 0.1) 0px 0px 3px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(240, 240, 240);
    border-image: initial;
    overflow: hidden;
    transition: border-color 0.4s ease-in-out 0s;
}
#baiyang #main-nav2 #main-list .datalist li:hover{
    height: 470px;
    border:2px solid #EF3C79;
     /*z-index:1;*/
}
#baiyang #main-nav2 #main-list .datalist li:hover .dh{
    /*width:240px;*/
    top:180px;
    transition-duration: 1s;
    opacity: 0.8;
    z-index:9999;
}

#baiyang #main-nav2 #main-list .datalist li .pci { background: #FFF; width: 220px; height: 220px; padding: 5px 5px 0 5px; margin: 0; z-index: 1; top: 0; left: 0; }
#baiyang #main-nav2 #main-list .datalist li .pci a{    
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 220px;
    height: 220px;
    overflow: hidden;
}
#baiyang #main-nav2 #main-list .datalist li .pci a img{
    max-width: 220px;
    max-height: 220px;
}
#baiyang #main-nav2 #main-list .datalist li .dh{
    width: 240px;
    margin: 0;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 230px;
}
#baiyang #main-nav2 #main-list .datalist li .dh ul{
    background: rgba(255,255,255,0.9);
    width: 210px;
    height: 30px;
    padding: 5px 10px;
}
#baiyang #main-nav2 #main-list .datalist li .dh ul li{
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
}
#baiyang #main-nav2 #main-list .datalist li .dh ul li a{
    line-height: 0;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    width: 28px;
    height: 28px;
    padding: 0;
    border: solid 1px #EEE;
    overflow: hidden;
    border-color: #EF3C79;
    transition: border-color 0.4s ease-in-out 0s;
}
#baiyang #main-nav2 #main-list .datalist li .dh ul li a img{
    max-width: 28px;
    max-height: 28px;
}
#baiyang #main-nav2 #main-list .datalist li .dh .decoration{
    font-size: 12px;
    line-height: 16px;
    color: #999;
    background-color: #FFF;
    height: 32px;
    display: block;
    padding: 0 10px;
    overflow: hidden;
}
#baiyang #main-nav2 #main-list .datalist li .dh .decoration a{color:#333;}
#baiyang #main-nav2 #main-list .datalist li .dh .price{
    font: 12px/20px Arial;
    color: #EF3C79;
    background-color: #FFF;
    white-space: nowrap;
    display: block;
    height: 20px;
    padding: 5px 10px;
    overflow: hidden;
}
#baiyang #main-nav2 #main-list .datalist li .dh .price .newprice{
    font-size: 16px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80px;
    float: left;
    overflow: hidden;
}
#baiyang #main-nav2 #main-list .datalist li .dh .delprice{
    color: #999;
    text-decoration: line-through;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 50px;
    float: left;
    margin-left: 10px;
    overflow: hidden;
}
#baiyang #main-nav2 #main-list .datalist li .dh  .compare{
    font-size: 0;
    height: 24px;
    padding: 5px 10px 10px;
}
#baiyang #main-nav2 #main-list .datalist li .dh  .compare .goods-compare{
    line-height: 20px;
    color: #999;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5FFFFFF', endColorstr='#E5FFFFFF');
    background: rgba(255,255,255,0.9);
    height: 20px;
    float: right;
    padding: 1px 5px;
    margin: 0;
    border: solid 1px #EEE;
    cursor: pointer;
    line-height: 4px;
}
#baiyang #main-nav2 #main-list .datalist li .dh  .compare span{
    font-size: 12px;
    font-family: "microsoft yahei";
    color: #FFF;
    line-height: 24px;
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
    display: inline-block;
    height: 24px;
    padding: 0 4px;
    margin-right: 4px;
    border-radius: 2px;
    cursor: pointer;
}
#baiyang #main-nav2 #main-list .datalist li .dh  .compare span input{
    vertical-align: middle;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
}
#baiyang #main-nav2 #main-list .datalist li .dh .xp{
    margin: 0px auto;
    border-top: 1px solid rgb(238, 238, 238);
    overflow: hidden;
    font-size: 0px;
    word-spacing: -1em;
    width: 213px;
    margin-left: -1px;
}
#baiyang #main-nav2 #main-list .datalist li .dh .xp li{
    vertical-align: middle;
    letter-spacing: normal;
    word-spacing: normal;
    text-align: center;
    display: inline-block;
    width: 60px;
    height: 60px;
    /*padding: 5px;*/
    margin: 0px;
    border-right: 1px solid rgb(238, 238, 238);
    overflow: hidden;
}
#baiyang #main-nav2 #main-list .datalist li .dh .xp li a{
        color: rgb(51, 136, 187);
}
#baiyang #main-nav2 #main-list .datalist li .dh .xp li p{
    line-height: 20px;
    color: rgb(153, 153, 153);
    height: 20px;
}
#baiyang #main-nav2 #main-list .datalist li .dh .shop{
    line-height: 50px;
    background-color: rgb(245, 245, 245);
    text-align: center;
    display: block;
    height: 50px;
    clear: both;
    /*padding: 8px 0px;*/
    border-top: 1px solid rgb(238, 238, 238);
    margin-bottom: 0;
}
#baiyang #main-nav2 #main-list .datalist li .dh .shop a{
     color: #333;
    text-decoration: none;
    outline: medium none;
}
#baiyang #main-nav2 #main-list .datalist li .dh .cart a{
    font-weight: 600;
    font-size: 14px;
    line-height: 50px;
    color: rgb(255, 255, 255);
    text-shadow: rgba(0, 0, 0, 0.05) -2px 0px 0px;
    background-color: rgb(239, 60, 121);
    text-align: center;
    display: block;
    height: 50px;
}
#baiyang #main-nav2 #main-list .datalist li .dh .cart a i{
    margin-right:4px;
}
#baiyang #main-nav2 #main-list .page{
    line-height: 40px;
    text-align:center;
    bottom: 0;
}
#baiyang #main-nav2 #main-list .page span{
    display: inline-block;
    width: 40px;
    line-height: 1.8;
    text-align: center;
    color: #666;
    font-size: 12px;
    font-weight: bold;
    border:1px solid #ccc;
    color:#000;
    background:#fff;
}
#baiyang #main-nav2 #main-list .page .active{    background-color: #EF3C79;
    color: #fff;}
#baiyang #bottom { margin-top: 45px; }

#baiyang #bottom .bimg2 { border-bottom: 1px solid #ccc; }

#baiyang #footer { width: 100%; margin-top: 35px; height: 250px; border-bottom: 1px solid #ccc; }

#baiyang #footer .footer-l { width: 260px; }

#baiyang #footer .footer-l h1 { width: 220px; height: 60px; background: url(../img/logo.png) no-repeat; text-indent: -10000px; }

#baiyang #footer .footer-l .gz { margin-top: 20px; margin-left: 20px; }

#baiyang #footer .footer-l .gz span { font-size: 16px; margin-right: 10px; }

#baiyang #footer .footer-l .gz a { margin-right: 10px; }

#baiyang #footer .footer-l .gz .wb { margin-top: 10px; }

#baiyang #footer .footer-l .gz .wb img { width: 100px; height: 100px; }

#baiyang #footer .footer-c { margin-top: 25px; margin-left: 50px; height: 242px; }

#baiyang #footer .footer-c ul li { float: left; width: 70px; height: 40px; line-height: 40px; margin-right: 80px; font-size: 16px; font-weight: bold; }

#baiyang #footer .footer-c ul li a { display: block; height: 30px; line-height: 30px; color: #000; text-decoration: none; font-weight: normal; font-size: 12px; }

#baiyang #footer .footer-r { margin-top: 30px; width: 260px; height: 150px; }

#baiyang #footer .footer-r .app { margin-left: 20px; }

#baiyang #footer .footer-r .tp { width: 120px; height: 120px; line-height: 110px; text-align: center; border: 1px solid #ccc; }

#baiyang #footer .footer-r .wz { width: 120px; text-align: center; font-size: 14px; }

#baiyang #end { margin-top: 25px; height: 150px; }

#baiyang #end .end1 { text-align: center; }

#baiyang #end .end1 a { display: inline-block; padding: 0 10px; height: 16px; line-height: 16px; font-size: 16px; color: #000; text-decoration: none; }

#baiyang #end .end1 .end11 { border-right: 2px solid #666; }

#baiyang #end .end2 { text-align: center; height: 40px; line-height: 40px; }

#baiyang #end .end3 { text-align: center; margin-bottom: 50px; }

#baiyang .container { /*内容、版心 提取 */ width: 1230px; margin: 0 auto; }

#baiyang a:hover { text-decoration: none; }

#side { position: fixed; height: 100%; width: 35px; right: 0; top: 0; background: #000000; margin: 0 auto; text-align: center; }

#side .pos { position: absolute; top: 15%; }

#side .login { position: relative; width: 35px; height: 50px; line-height: 50px; margin-top: 20px; margin-bottom: 20px;z-index: 999; }

#side .login a { display: block; width: 35px; height: 50px; border-radius: 25px; }

#side .login a img { width: 35px; height: 30px; border-radius: 25px; }

#side .login .details { position: absolute; width: 100px; height: 30px; line-height: 30px; left: -100px; top: 15px; background-color: #ccc; color: #fff; display: none; }

#side .login .details::before, #side .login .details::after { content: ''; position: absolute; top: 5px; left: 99px; border: 8px solid transparent; border-left-color: #ccc; }

#side .login:hover { background: pink; }

#side .login:hover .details { display: block; }
#side .login .form { 
    position: absolute; 
    width: 500px; 
    height: 400px; 
    border: 1px solid #ccc; 
    left: -500px; 
    top: 10px; 
    background: #fff; 
    box-shadow: 0 0 5px 0;
    display:none; 
    z-index:999;
}

#side .login .form a { color: #EF3C79; }

#side .login .form .log { margin: 10px 100px; height: 80px; }

#side .login .form .log label { display: block; margin-left: -125px; width: 300px; height: 30px; }

#side .login .form .log label a { display: inline-block; width: 100px; }

#side .login .form .log input { width: 300px; height: 30px; margin-top: -100px; border: 1px solid #ccc; }

#side .login .form .psw { margin: 10px 0; height: 80px; }

#side .login .form .psw label { margin: 10px; margin-left: 30px; display: block; width: 300px; height: 30px; }

#side .login .form .psw label a { display: inline-block; width: 100px; margin-right: 10px; }

#side .login .form .psw input { width: 300px; height: 30px; margin-top: -100px; border: 1px solid #ccc; }

#side .login .form .code { margin: 10px 0; height: 80px; }

#side .login .form .code label { margin: 10px; margin-left: 12px; display: block; width: 300px; height: 30px; }

#side .login .form .code label a { display: inline-block; width: 100px; }

#side .login .form .code input { margin: 10px auto; width: 300px; height: 30px; margin-top: -100px; border: 1px solid #ccc; }

#side .login .form .lg { margin: 10px auto; height: 50px; width: 300px; background: #EF3C79; }

#side .login .form .lg a { display: inline-block; width: 100px; color: #fff; }

#side .login .form .zc { margin-right: 0; height: 50px; width: 300px; margin-left: 210px; }

#side .login .form .zc a { display: inline-block; width: 100px; }
#side .car { width: 35px; margin-bottom: 20px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; }

#side .car i { font-size: 14px; color: #fff; }

#side .car a { display: block; width: 35px; height: 110px; font-size: 14px; color: #fff; padding: 15px 10px; text-decoration: none; }

#side .car:hover { background: pink; }

#side .msg { position: relative; width: 35px; height: 50px; line-height: 50px; margin-bottom: 20px; }

#side .msg a { display: block; color: #fff; font-size: 24px; text-decoration: none; }

#side .msg .details { position: absolute; width: 100px; height: 30px; line-height: 30px; left: -100px; top: 10px; background-color: #ccc; color: #fff; display: none; }

#side .msg .details::before, #side .msg .details::after { content: ''; position: absolute; top: 5px; left: 99px; border: 8px solid transparent; border-left-color: #ccc; }

#side .msg:hover { background: pink; }

#side .msg:hover .details { display: block; }

#side .comp { position: relative; width: 35px; height: 50px; line-height: 50px; }

#side .comp a { display: block; color: #fff; font-size: 24px; text-decoration: none; }

#side .comp .details { position: absolute; width: 100px; height: 30px; line-height: 30px; left: -100px; top: 10px; background-color: #ccc; color: #fff; display: none; }

#side .comp .details::before, #side .comp .details::after { content: ''; position: absolute; top: 5px; left: 99px; border: 8px solid transparent; border-left-color: #ccc; }

#side .comp:hover { background: pink; }

#side .comp:hover .details { display: block; }

#side .back { position: absolute; bottom: 0; }

#side .back a { font-size: 12px; color: #fff; text-decoration: none; }

#side .back .details { position: absolute; width: 100px; height: 30px; line-height: 30px; left: -100px; top: 10px; background-color: #ccc; color: #fff; display: none; }

#side .back .details::before, #side .back .details::after { content: ''; position: absolute; top: 5px; left: 99px; border: 8px solid transparent; border-left-color: #ccc; }

#side .back:hover { background: pink; }

#side .back:hover .details { display: block; }
.cart_list{position: absolute;top: 0px;right: 35px;padding: 10px;width: 200px;height: 100%;background:#ccc; /*height: 400px;*/ border: 1px solid #ddd; z-index:999; box-shadow:0 0 20px 0; display:none;}
.cart_list .sl{
                height: 30px;
                line-height: 30px;
                border-bottom:1px dotted #ccc;
                z-index: 9999;
            }
           
.cart_list li{
                position:relative;height:70px;
                background:#fff;
                border-bottom:1px solid #ccc;}
.cart_list li h4{
                margin: 0;
                font-size:12px;
                display:inline;
            }
.cart_list li .cartprice{
                margin: 0;
                padding-bottom: 5px;
                }   

.cart_list li .btn-close{
                    position:absolute;top:0;right:0;padding:5px;}
.cart_list li .btn-close:hover{
                        background-color:#f00;color:#fff;
                    }
.cart_list li img{
                width:30px;
            }
            
.cart_list .money{
                height: 30px;
                line-height: 30px;
                text-align:center;
                font-size:16px;
                
            }
.cart_list .addcart{
                margin:0 auto;
                height: 30px;
                line-height: 30px;
                text-align:center;
                background:#EF3C79;
                color:#fff;

            }